<template>
	<div class="page">
		<m-cus-search
			title="查找客户"
			@resize="onResize"
			@click-left="goBack"
			@click-item="onClickItem"
		/>
		<!-- <cl-float-ball
			class="float-btn"
			:clientHeight="clientH"
			:offset-y="100"
			@click="skipPage('MobileCusAppoint')"
		>
			<div class="flex-column">
				<i class="icon el-icon-plus" />
				<span>预约</span>
			</div>
		</cl-float-ball>
		<cl-float-ball
			class="float-btn"
			:clientHeight="clientH"
			@click="skipPage('MobileCusDeposit')"
		>
			<div class="flex-column">
				<i class="icon el-icon-plus" />
				<span>定金</span>
			</div>
		</cl-float-ball> -->
	</div>
</template>
<script>
export default {
	name: "MobileCusSearch",
	data() {
		return {
			clientH: 600
		};
	},
	methods: {
		onResize(h) {
			this.clientH = h;
		},
		// 后退
		goBack() {
			this.$router.go(-1);
		},
		// item点击
		onClickItem({ cus_id, biz_id, cus_name, cus_mobile, cus_type, inherit_id }) {
			this.$router.push({
				path: "/mobile/cus/detail",
				query: {
					cus_id,
					biz_id,
					cus_name,
					cus_mobile,
					cus_type,
					inherit_id
				}
			});
		},
		skipPage(page) {
			this.$router.push({
				name: page
			});
		}
	}
};
</script>
<style lang="scss" scoped>
.page {
	height: 100vh;
	overflow: hidden;
	.float-btn {
		font-size: 0.2rem;
		.icon {
			font-size: 0.38rem;
			font-weight: 500;
		}
	}
}
</style>
